<template>
	<view class="pdf">
		<view class="navbar">
			<view class="sys-bar" :style="{height:sysHeight}"></view>
			<view class="navbarh acea-row row-bottom">
				<view class="acea-row row-between row-middle" style="width: 100%;">
					<view class="iconfont icon-jiantou-zuo2" @click.stop="back"></view>
					<view class="title">职工缴存证明打印</view>
					<view style="width: 84rpx;height: 50rpx;"></view>
				</view>
			</view>
		</view>
		
		<view class="toptitle acea-row row-middle">
			<view class="iconfont icon-jiantou-zuo2"></view>
			<view class="name">住房公积金缴存业务缴存证明.pdf</view>
		</view>
		
		<view class="">
			<image class="pdfimg" :src="img" mode="widthFix"></image>
		</view>
		
	</view>
</template>

<script>
	const app = getApp()
	let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
	export default {
		data() {
			return {
				sysHeight: sysHeight,
				img:'',
				// img: 'https://33ce93dc34c11522.rongyide.vip/uploads/attach/2023/12/20231212/998907576a88ed28ff7bcbda599fce3f.png',
			};
		},
		onLoad(option) {
			this.img = app.globalData.pdfurl
		},
		methods:{
			back(){
				uni.navigateBack();
			},
			
		}
	}
</script>

<style lang="scss">
	page{ background-color: #ffffff !important; }
	.pdf{
		
		.pdfimg{
			width: 710rpx;
			margin: 10rpx auto;
			border: 1rpx solid #e1e1e1;
			display: block;
			
			.pdfimgw{
				// width: 100%;
				// height: 100%;
			}
		}
		
		.toptitle{
			padding: 20rpx 30rpx;
			background-color: #ffffff;
			border-bottom: 1rpx solid #e1e1e1;
			
			.icon-jiantou-zuo2{
				font-size: 32rpx;
				color: #333333;
				font-weight: bold;
			}
			.name{
				font-size: 30rpx;
				color: #333333;
				font-weight: bold;
				margin: 0 auto;
			}
			
		}
		
		.navbar{
			width: 100%;
			height: 180rpx;
			// background-image: url('https://zhufanggongjijin.oss-cn-hangzhou.aliyuncs.com/navbar-bg.png');
			background-size: 100% 100%;
			background-color: #f5f5f5;
			
			.navbarh{
				width: 100%;
				height: 88rpx;
				padding: 0 30rpx 10rpx 30rpx;
				
				.icon-jiantou-zuo2{
					color: #333;
					font-size: 32rpx;
				}
				.title{
					font-size: 32rpx;
					color: #333;
					margin-left: 20rpx;
				}
			}
		}
	}

</style>
